<script language='javascript'>
    $(document).ready(function() {
        var panel_1 = Rocket.Create({
            type:'panel',
            id:'formMyProfile',
            width:'100%',
            heigth:100,
            collapsible:true,
            isForm:true,
            autoLoad:false,
            renderTo:'divMyProfile',
            bodyStyle:'padding-left:30%',
            proxy:{
                url: BASE_URL+'auth/requestCreate'
            },
            items: [
                {
                    type: 'label',
                    text: '<br><strong>Complete el siguiente Formulario para solicitar su cuenta en SACC</strong><br><br>',
                    id:'rck_labelx'
                },
                {
                    type: 'text',
                    label: 'Primer nombre',
                    name: 'nombre1',
                    id:'rck_nombre1'
                },
                {
                    type: 'text',
                    label: 'Segundo Nombre',
                    name: 'nombre2',
                    id:'rck_nombre2'
                },
                {
                    type: 'text',
                    label: 'Apellido paterno',
                    name: 'apellido1',
                    id:'rck_apellido1'
                },
                {
                    type: 'text',
                    label: 'Apellido materno',
                    name: 'apellido2',
                    id:'rck_apellido2'
                },
                {
                    type: 'text',
                    label: 'username',
                    name: 'username',
                    id:'rck_username'
                },
                {
                    type: 'password',
                    label: 'Password',
                    name: 'password',
                    id:'rck_password'
                },
                {
                    type: 'text',
                    label: 'email',
                    name: 'email',
                    id:'rck_email'
                },
                {
                    type:'select',
                    //autoLoad:true,
                    autoLoad:false,
                    id:'rck_comunas',
                    label:'Comuna',
                    name:'comuna_id',
                    dataField:'nombre',
                    dataIndex:'id',
                    proxy:{
                        url: BASE_URL + 'auth/loadComunasList'
                    },
                    change:function(model){
                        cmbSector = Rocket.get('rck_SectorId');
                        cmbIglesias = Rocket.get('rck_IglesiaId');
                        cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                        cmbIglesias.load({item:Rocket.encode({comuna_id:model.get('id')})});
                    }
                },
                {
                    type: 'select',
                    disabled:true,
                    autoLoad:false,
                    id:'rck_SectorId',
                    label: 'Sector',
                    name: 'SectorId',
                    dataField: 'nombre',
                    dataIndex:'SectorId',
                    proxy:{
                        url: BASE_URL + 'auth/loadSectoresList'
                    }
                },
                {
                    type: 'select',
                    disabled:true,
                    autoLoad:false,
                    id:'rck_IglesiaId',
                    label: 'Iglesia',
                    name: 'IglesiaId',
                    dataField: 'nombre',
                    dataIndex:'IglesiaId',
                    proxy:{
                        url: BASE_URL + 'auth/loadIglesiasListByComuna'
                    } 
                },
                {
                    type: 'select',
                    autoLoad:true,
                    id:'rck_OficioId',
                    label: 'Oficio',
                    name: 'OficioId',
                    dataField: 'nombre',
                    dataIndex:'OficioId',
                    proxy:{
                        url: BASE_URL + 'auth/loadOficiosList'
                    }
                },
                {
                    type: 'text',
                    id:'rck_captcha',
                    label: 'Introduzca código de Seguridad: <strong><?php echo $captcha_code;?></strong>',
                    name: 'captcha'
                },
                {
                    type: 'textarea',
                    label: 'Quien lo invito',
                    name: 'invitation_text',
                    width:'300',
                    height:'100',
                    id:'rck_invitation_text'
                }
            ],
            buttons:[
                {
                    type:'button',
                    id:'btnSubmit',
                    name:'submit',
                    value:'Enviar Solicitud',
                    handler:function(){
                        var values = panel_1.getValues();
                        panel_1.submit({
                            data:values,
                            success:function(data){
                                if(data.success){
                                    Rocket.Create({
                                        type:'dialog',
                                        title:'Operaci\u00F3n exitosa',
                                        typeAlert:'success',
                                        message:data.msg,
                                        onOkHanlder:function(){
                                            console.debug(data)
                                            if(data.redirect){
                                                location.href = BASE_URL;
                                                console.log('redirect...')
                                            }
                                        }
                                    });
                                }
                                else{
                                    Rocket.Create({
                                        type:'dialog',
                                        title:'Error en la operacion: ',
                                        typeAlert:'error',
                                        message:_getErrorFromArray(data.errors),
                                        onOkHanlder:function(){
                                            if(data.redirect)
                                                location.href = BASE_URL;
                                        }
                                    });
                                }
                            }
                        });
                    }
                },
                {
                    type:'button',
                    id:'btnCancelar',
                    name:'submit',
                    value:'Volver',
                    handler:function(){
                        location.href = BASE_URL;
                    }
                }
            ]
        });
        
        cmbComunas = Rocket.get('rck_comunas');
        cmbSector  = Rocket.get('rck_SectorId');
        cmbIglesia = Rocket.get('rck_IglesiaId');
        
        cmbSector.afterSuccess = function(){
            if(cmbSector.hasElements()){
                cmbSector.setSelectedItem(0);
                cmbSector.setDisabled(false);
            }
            else{
                cmbSector.setDisabled(true);
            }
        };
        cmbIglesia.afterSuccess = function(){
            if(cmbIglesia.hasElements()){
                cmbIglesia.setSelectedItem(0);
                cmbIglesia.setDisabled(false);
            }
            else{
                cmbIglesia.set('');
                cmbIglesia.setDisabled(true);
            }
        };
        
        cmbComunas.change = function(model){
            cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
            cmbIglesia.load({item:Rocket.encode({comuna_id:model.get('id')})});
        };
        cmbComunas.load();
        $(document).keydown(function(event) {
            if (event.ctrlKey==true && (event.which == '118' || event.which == '86')) {
                Rocket.get('rck_captcha').set('');
                event.preventDefault();
            }
        });
    }); 
    
</script>
<?php echo utf8_decode($module_banner); ?>
<ul class='ul_page'>
    <li><div id='divMyProfile'></div></li>
</ul>
